<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>New Task - TRACER</title>

<link href="stylesheets/custom.less" media="all" rel="stylesheet/less"
	type="text/css" />
<script src="javascripts/less-1.0.41.js"></script>
<script type="text/javascript" charset="utf-8">
	// Under development you should uncomment the following lines,
	// to make the browser refresh the changes that you are makeing in your app.less file.
	//less.env = "development";
	//less.watch();
</script>
<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
	<header id="header">
		<div class="row">
			<div class="column grid-16">
				<p class="logoContainer">
					<a href="dashboard.html" class="logo"> <span class="hide">TRACER</span>
					</a>
				</p>
				<span class="right pt"> <input type="button" value="Submit"
					class="orange"> </span>
			</div>
		</div>
	</header>
	<div id="bodycontent">
		<div class="row">

			<div class="column grid-10">
				<div class="box">
					<h4>#1214 - The title of the task</h4>
					<h5>Description</h5>
					<p>The detailed description of the tickets. It may span multiple
						lines. Optionally the COS (conditions of satisfaction) can also be
						listed along side.</p>
					<ul>
						<li>condtion 1</li>
						<li>condtion 2</li>
						<li>condtion 3</li>
					</ul>


				</div>

				<div class="box">
					<div>
						<h4>Parent Ticket</h4>
						<p class="pb">
							<span class="bold"> <a href="#">#986</a> </span> The is the
							description of the parent ticket. This section will be shown only
							if there is a parent ticket.
						</p>

						<h4>Sub Tickets</h4>
						<p>
							<span class="bold"><a href="#">#1233</a> </span> The is the
							description of the first child ticket. This section will be shown
							only if there is atleast one ticket.
						</p>
						<p>
							<span class="bold"><a href="#">#1236</a>
							</span> The is the description of the second child ticket. This section
							will be shown only if there is atleast one ticket.
						</p>
					</div>

				</div>

				<div class="box">
					<div class="comments">
						<h4>Comments</h4>
						<ul>
							<li>
								<span class="tal"><a href="#">Comment#1</a></span> <span class="tar right">Jul 12, 2011</span>
								<p><span class="bold">Joe :</span> This is where the comments appear. Comments will be listed in the chronological order</p>
							</li>
							<li>
								<span class="tal"><a href="#">Comment#2</a></span> <span class="tar right">Jul 14, 2011</span>
								<p><span class="bold">Jack :</span> This is where the comments appear. Comments will be listed in the chronological order</p>
							</li>
						</ul>
						
						<div class="il">
							<dl>
								<dt>New comment</dt>
								<dd>
									<textarea rows="4" cols="70" placeholder="Comment"></textarea> <br>
									<span> <input type="button" value="Post comment"	class="orange"> </span>
								</dd>
							</dl>
							

						</div>

					</div>

				</div>
			</div>
			<div class="column grid-6">
				<div class="box">
					<h4>Properties</h4>
					<div class="il">
						<dl>
							<dt>Importance</dt>
							<dd>
								<select></select>
							</dd>
							<dt>Priority</dt>
							<dd>
								<select></select>
							</dd>
							<dt>Milestone</dt>
							<dd>
								<select></select>
							</dd>
							<dt>Reporter</dt>
							<dd>
								<input type="text" placeholder="Reported by">
							</dd>
							<dt>Owner</dt>
							<dd>
								<input type="text" placeholder="Assigned to">
							</dd>
							<dt>Related tickets</dt>
							<dd>
								<input type="text" placeholder="#related, comma separated">
							</dd>
							<dt>Progress</dt>
							<dd>
								<input type="range" min="0" max="100" step="10" value="30">
							</dd>


						</dl>


					</div>
				</div>
				<div class="box">
					<h4>Commits</h4>

					<a href="#">Change set#223</a>
					<p>Commit comments will apear here. Commnets will be listed in
						the chronological order</p>

					<a href="#">Change set#223</a>
					<p>Commit comments will apear here. Commnets will be listed in
						the chronological order</p>


				</div>
			</div>



		</div>
	</div>

	<footer id="footer">
		<div class="row">
			<div class="column grid-16">
				<p class="tal">
					<strong>TRACER</strong> is under MIT License
				</p>
				<p class="tac">
					<small>Copyright &copy; 2011 </small>
				</p>
			</div>
		</div>
	</footer>
</body>
</html>


